<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script>
			function demo1(){
				//获得id名称是inp1的对象节点
				var inp1 = document.getElementById("inp1");
				//获得节点对象的属性
				var ty = inp1.type;
				var va=inp1.value;//获得实时值
				var na=inp1.name;
				//alert(ty+"---"+va+"----"+na);
				
				//操作元属性
				/*inp1.type="button";
				inp1.value ="测试";*/
				
				//获得元素属性   方式二
				var ty1 = inp1.getAttribute("type");
				alert(ty1);
				var va2 = inp1.getAttribute("value");
				alert(va2);//获得属性的默认值
				
				//方式二，操作属性	原来属性	修改后属性
				inp1.setAttribute("type","button");
				
			}
		</script>
	</head>
	<body>
		<!--type,name,id,value都是属性-->
		<input type="text" name="uname" id="inp1" value="张三" />
		<hr />
		<input type="button" name="" id="" value="测试元素属性" onclick="demo1()" />
		
		
		
	</body>
</html>
